<template>
  <view class="">
    <IndexTime></IndexTime>
    <titleXX :parentTitle="title"></titleXX>
    <view class="content">

      <view class="title">
        <view style="font-size: 28rpx;color: black;font-weight: bold;">{{ resData.type }}主题：{{ resData.title }}</view>
        <view>
          <u-icon name="clock" color="#909399" size="25"></u-icon>
          {{resData.type}}时间：{{ resData.date }}
        </view>
        <view>
          <u-icon name="map" color="#909399" size="25"></u-icon>
          {{resData.type}}地点：{{ resData.local }}
        </view>
      </view>
      <!-- <view class="car_image">
        <image src="@/static/images/SQsuccess.png" mode=""></image>
      </view> -->
      <view class="foot">
        <view>
          <text>
            用户：{{ resData.personName }}
          </text>
          <text>
            种类：{{ resData.type }}
          </text>
        </view>
        <view>
          <text>
            电话：{{ resData.personMobile }}
          </text>
          <text>
            价格：{{ resData.JG == 0 ? '免费' : resData.JG }}
          </text>
        </view>
        <view>
          <text>
            状态：<text style="color: #19be6b;">已预约</text>
          </text>
        </view>
      </view>
    </view>
    <u-toast ref="uToast"></u-toast>
  </view>
</template>

<script>
import IndexTime from '@/common/Headindex2.vue'
import titleXX from "@/components/titleXX.vue"

export default {
  components: {
    titleXX,
    IndexTime
  },
  onLoad (options) {
    this.resData = { ...JSON.parse(options.value), ...uni.getStorageSync('YYXX') }
  },

  data () {
    return {
      title: "订单信息",
      resData: {},
    }
  },
  created () {
  },
  methods: {

  }
}
</script>

<style scoped lang="scss">
.content {
  width: 70%;
  margin: 0 auto;
  margin-top: 40rpx;
}

.title {
  font-size: 24rpx;
  display: flex;
  flex-direction: column;
  color: #909399;

  view {
    line-height: 40rpx;
    display: flex;
  }
}

.car_image {
  margin: 0 auto;
  width: 100%;
  display: flex;
  align-items: center;

  image {
    width: 300rpx;
    height: 300rpx;
  }
}

.foot {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-top: 20rpx;
  font-size: 24rpx;

  view {
    width: 100%;
    height: 60rpx;
    line-height: 60rpx;
    display: flex;
    align-content: space-around;

    text {
      width: 50%;
    }
  }
}
</style>